<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="styles.css">
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>
	  $(document).ready(function() {
		$("#accordion").accordion();
	  });
  	</script>
    <script>
		jQuery(document).ready(function(){
		$('.accordion .head').click(function() {
		$(this).next().toggle();
		return false;
		}).next().hide();
		});
	</script>
    <script>
	  $(document).ready(function() {
		$("#acc").acc();
	  });
  	</script>
    <script>
		jQuery(document).ready(function(){
		$('.acc .head').click(function() {
		$(this).next().toggle();
		return false;
		}).next().hide();
		});
	</script>
</head>
<body>
	<div id="main_bg">
		<div id="title_page">
			<h1>e-Learning+</h1>
		</div>
		<hr>
		<div id="page_header">
            <div id="nav">
                <a href="/e-learning+/main" id="link">Home</a>
                <a href="/e-learning+/virtual" id="link">Virtual Classroom</a>
                <a href="/e-learning+/mbl" id="link">Multimedia Based Learning</a>
                <a href="/e-learning+/forum" id="link">Discussion Forum</a>
                <a href="/e-learning+/library" id="link">The Library</a>
                <a href="/e-learning+/test" id="link">Test</a>
            </div>
			<div id="nav2">
				<a href="/e-learning+/profile" id="link">My profile</a>
				<a href="/e-learning+" id="signout">Sign out</a>
			</div>
		</div>
		<div id="content">
			<a href="/e-learning+/main" style="color:#2180CE;font-size:30px;text-decoration:none;font-weight:bold;">Virtual Classroom </font></a>
           	<table border="5" align="center" bordercolor="#0000CC"="100" >
            	<tr id="button_nav1"  height="50">
                	<td >Senin </td>
                    <td>Selasa </td>
                    <td>Rabu </td>
                </tr>
                <tr>
                   <td>
                     <div id="accordion">
                            <h3><a href="#">Elementary School</a></h3>
                            <div>
                                <div id="accordion">
                                    <h3><a href="#">Matematika</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Bahasa Indonesia</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                </div>   
                            </div>
                            <h3><a href="#">Junior High School</a></h3>
                            <div>
                                <div id="accordion">
                                    <h3><a href="#">Matematika</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Bahasa Indonesia</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                </div>   
                            </div>
                            <h3><a href="#">Senior High School</a></h3>
                            <div>
                                <div id="accordion">
                                    <h3><a href="#">Matematika</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Bahasa Indonesia</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                </div>   
                            </div>
                            <h3><a href="#">Collage</a></h3>
                            <div>
                                <div id="accordion">
                                    <h3><a href="#">Kalkulus</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Bahasa Indonesia</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Pemrograman Komputer</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                </div>   
                            </div>
                    </td>
                    </td>  
                </tr>
              	<tr id="button_nav1">
                	<td> Kamis</td>
                    <td> Jumat</td>
                    <td> Sabtu</td>
                </tr>
                <tr>
                	<td> </td>
                </tr>
            </table>
			 <div class="cl"> </div>
			<div class="multim"> </div>
           
		</div>
	</div>
</body>

</html>